<%@page import="Form.OrderForm"%>
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>

<!DOCTYPE html>

<html:html lang="true">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title><bean:message key="welcome.title"/></title>
        <link href="css/mini3537.css?files=reset,common,form,standard,960.gs.fluid,simple-lists,block-lists,planning,table,calendars,wizard,gallery" rel="stylesheet" type="text/css">
        <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
        <link rel="icon" type="image/png" href="favicon-large.png">
        <script type="text/javascript" src="js/miniab15.php?files=html5,jquery-1.4.2.min,old-browsers,jquery.accessibleList,searchField,common,standard,jquery.tip,jquery.hashchange,jquery.contextMenu,list"></script>

        <link href="datepicker/themes/ui-lightness/jquery.ui.all.css" rel="stylesheet" type="text/css">
        <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="js/jquery.ui.core.js"></script>
        <script type="text/javascript" src="js/jquery.ui.datepicker.js"></script>
        <script type="text/javascript" src="js/jquery.ui.widget.js"></script>
        <html:base/>


    </head>
    <body >
        <%@ include file="/Header.jsp"%>

        <!-- ####################                  Vertical Menu                    ########################## -->
        <%@ include file="/verticalmenu.jsp"%>

        <!-- ####################                  Vertical Menu                    ########################## -->

        <!-- *************************************** Content *************************************************** -->
    <section class="grid_9">
        <div class="block-border"><div class="block-content">
                <!-- We could put the menu inside a H1, but to get valid syntax we'll use a wrapper -->
                <div class="h1 with-menu">
                    <h1>Web stats</h1>
                </div>

                <div class="block-controls">

                    <ul class="controls-tabs js-tabs same-height with-children-tip">
                        <li><a href="#tab-stats" title="Charts"><img src="images/icons/web-app/24/Bar-Chart.png" width="24" height="24"></a></li>
                        <li><a href="#tab-comments" title="Comments"><img src="images/icons/web-app/24/Comment.png" width="24" height="24"></a></li>
                        <li><a href="#tab-medias" title="Medias"><img src="images/icons/web-app/24/Picture.png" width="24" height="24"></a></li>
                        <li><a href="#tab-users" title="Users"><img src="images/icons/web-app/24/Profile.png" width="24" height="24"></a></li>
                        <li><a href="#tab-infos" title="Informations"><img src="images/icons/web-app/24/Info.png" width="24" height="24"></a></li>
                    </ul>
                </div>

                <html:form styleClass="form"  action="order.do"  styleId="order">
                    <fieldset class="grey-bg">
                        <legend><a href="#">Options</a></legend>

                        <div class="float-left gutter-right">
                            <label for="stats-period">Contract Number</label>
                            <span class="input-type-text">
                                <html:text name="OrderForm" property="nameContract" styleId="nameContract" onclick="openContract()"></html:text>
                                <html:hidden property="idContract" styleId="idContract"/>
                                </span>
                        </div>
                        <div class="float-left gutter-right">
                            <label for="stats-period">Status Money</label>
                            <span class="input-type-text">
                                <html:text property="statusMoney" name="OrderForm" styleId="statusMoney"></html:text></span>
                        </div>
                        
                       
                            
                        <div class="float-left gutter-right">
                            <label for="stats-period">Date Create</label>
                            <span class="input-type-text">
                                <html:text property="date" name="OrderForm" styleId="date"></html:text></span>
                        </div>
                         <div class="float-left gutter-right">
						
							<br> <label for="stats-period">Status</label>
							<p class="input-height grey-bg">
									<html:radio property="status" value="true" styleId="status" ></html:radio>
									&nbsp;<label
									for="complex-fr-active-1">Yet to be Registered</label> 
									<html:radio property="status" value="false" styleId="status2"></html:radio>
									&nbsp;<label
									for="complex-fr-active-0">Payment not received</label>
							</p>
						</div>

                        <div class="float-left gutter-right">
                            <br>
                            <span class="input-type-text">
                                <label for="stats-period">Note</label>
                                <html:textarea property="note" styleId="note" name="OrderForm" style="margin-top: 2px; margin-bottom: 2px; height: 67px; margin-left: 2px; margin-right: 2px; width: 674px; " /></span>
                        </div>
                    </fieldset>
                <ul class="message no-margin">
                    <button type="button" class="red" onclick="cancel()">Cancel</button>
                    <button type="reset" class="grey">Reset</button>
                    <button type="button" onclick="saveUser()" id="saveBuilt"><img src="images/icons/fugue/tick-circle.png" width="16" height="16"> Save</button>
                </ul>
                     </html:form>
            </div></div>
    </section>


    <!-- *************************************** Content *************************************************** -->
</article>
<!--Footer-->
<%@ include file="/Footer.jsp"%>
<!-- Footer -->
</body>
</html:html>
<script language="javascript">

function loadForm(){
var type = '<%=(String) request.getAttribute("type")%>';
    
    
    if(type == "detail"){
        document.getElementById("nameContract").disabled=true;
        document.getElementById("statusMoney").disabled=true;
        document.getElementById("status").disabled=true;
        document.getElementById("status2").disabled=true;
        document.getElementById("date").disabled=true;  
        document.getElementById("note").disabled=true; 
        document.getElementById("saveBuilt").disabled=true ;   
    }else{
    //	document.getElementById("status2").checked = "checked";
    }
}


function openContract(){
	window.open("contract.do?method=findContract","Ratting","width=700,height=300,left=150,top=200,toolbar=1,status=1,");
}

function validateData(){
	if(document.getElementById("nameContract").value == ''){
		alert('Plesea Insert Contract Number');
		return false;
	}
	
	if(document.getElementById("statusMoney").value == ''){
		alert('Plesea Insert Money');
		return false;
	}
	if(isNaN(document.getElementById("statusMoney").value)){
		alert('Plesea Insert Money is Number');
		return false;
	}
	
	
	return true;
}


//--------------------- save or edit --------------------------------
    var type = '<%=(String)request.getAttribute("type")%>';
    id = '<%=(String)request.getAttribute("id")%>';
    function saveUser()
	{
    		
    		if(validateData() == true){
    			if(type=='add'){
                    document.getElementById("order").action = 'order.do?method=addOrder&type=add';
                    document.getElementById("order").submit();
                }else{
                    document.getElementById("order").action = 'order.do?method=editOrder&type=edit&id='+ id;
    				document.getElementById("order").submit();
                }
    		}
    		 
    		
    	
           
	}

    // --------------------- chon ngay thang --------------------------------
     $(function() {
		$( "#date" ).datepicker();		
	});

     function cancel(){
         document.getElementById("order").action = 'order.do?method=getAllOder';
         document.getElementById("order").submit();
     }

</script>